@import "../common/variable.scss";
html {
  .theme-light {
    .zyCommonWrapper {
      .zySidebarWrapper {
        background: #F9FAFB;
        .zySidebar {
          .subItem {
            .content {
              &:hover{
                .con{
                  color: $font-black-hover-color;
                }
                i{
                  color: $font-black-hover-color;
                }
              }

              .con {
                color: $font-black-color;
              }
            }

            .childMenu {
              li {
                .thirdItem {
                  color: $font-black-color;
                  &:hover{
                    color: $font-black-hover-color;
                  }
                }
              }
            }

            &.active {
              .content {
                .con {
                  color: $font-black-hover-color;
                }

                i {
                  color: $font-black-hover-color;
                }
              }
              .childMenu {
                li{
                  &.active{
                    span{
                      color:$white;
                    }
                  }
                }
              }
            }

            &.open {
              background: rgba(3, 91, 235, 0.1);
              .content {
                background: rgba(3,91,235,0.1);
                .con{
                  color: $font-black-hover-color;
                }
                i{
                  color: $font-black-hover-color;
                }
              }
            }
          }
        }
        .shrinkBtn{
          background: transparent;
          //border-top: 1px solid rgba(0,20,45,0.1);
          box-shadow: none;
          border:none;
          i{
            color: $font-black-color;
          }
        }
        .zyMinSidebar{
          .iconWrap{
            &.active{
              background: rgba(3,91,235,0.1);
              i{
                color:$font-black-hover-color;
              }
            }
            &:hover{
              i{
                color:$font-black-hover-color;
              }
            }
          }
          .ivu-poptip-popper{
            overflow: auto;
            box-shadow: 0px 4px 8px 0px rgba(0,20,45,0.04);
            .ivu-poptip-content{
              background: $white;
              //box-shadow: 0px 4px 8px 0px rgba(0,20,45,0.04);
            }
            .ivu-poptip-body{
              background: $white;

            }
          }
          .children-menu{

            li{
              color: $font-black-color;
              &.active{
                color: $white;
                &:hover{
                  color: $white !important;
                }
              }
              &:hover{
                color: $font-black-hover-color;
              }
            }
          }
        }
      }
    }
  }
}

